<template>
    <div id="sigtDeteli">
        <!-- 这是精选详情页面 -->
        <argainList title='专栏详情' class="argainList"></argainList>
        <div class='content'>
            <p class="title" v-html="obj.title"></p>
            <img :src="obj.pic" alt="">
            <div class="content-box" v-html='obj.content'></div>
        </div>
    </div>
</template>

<script>
import argainList from '@/components/home/argainList/argainListTitle'
import {jxDetail} from '@/utils/api/Home' 
export default {
    data() {
        return {
            obj:{}
        };
    },
    created() {
        // 获取点击的详情数据
        jxDetail(this.$route.query.id).then(res => {
            console.log(res)
            this.obj = res

        })
    },
    methods: {

    },
    //组件挂载
    components: {
        argainList
    },
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
#sigtDeteli{
    background-color: #fff;
    font-size: .3rem;
    line-height: .5rem;
    padding: 0 .2rem;
.argainList{
    position: fixed;
    background-color: #fff;
    width: 100%;
}

    .content{
        width: 100%;
        height: calc(100% - 60px);
        overflow: auto;
        .title{
        width: 100%;
        text-align: center;
        font-size: .44rem;
        margin: 1.4rem 0 .2rem 0;
    }
        img{
             width: 100%;
             height:4rem ;
        }
        .content-box{
    text-indent: .6rem;

        }
    }

}
</style>
